@import "variables.module.scss";

.sidebar-container{
  -webkit-transition: width .3s;
  transition: width 0.3s;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  min-width: $side-close-width;
  box-shadow: $side-box-shadow;
  overflow-y: hidden;

  // 路由title
  .menu-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin-left: 10px;
    font-size: $font-size__menu-title;
  }

  // logo
  .menu-logo {
    height: $nav-height;
    white-space: nowrap;
    overflow: hidden;

    .logo-img {
      height: 100%;
      text-align: center;
      width: $side-close-width;
      padding: 14px;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
    }

    .logo-title {
      width: $side-open-width - $side-close-width;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      color: white;
      font-size: $font-size__logo-title;

      &:hover {
        color: $base-color;
      }
    }
  }
}